<template>
  <div>
  <div><el-table ref="multipleTable" :data="AfterSale" tooltip-effect="dark" border
                style="width: 100%" @selection-change="handleSeletionChange" align="center">
      <el-table-column prop="id" label="订单序号"></el-table-column>
      <el-table-column prop="publishtime" label="下单时间"></el-table-column>
      <el-table-column prop="result" label="售后状态"></el-table-column>
      <el-table-column prop="" label="操作" align="center">
            <el-radio-button size="mini" >确认完成</el-radio-button>                 
      </el-table-column>
    </el-table>
  </div>
  
  <el-dialog v-model="changeInfo" title="申请" :before-close="close">
      <el-form ref="form" :model="userChange" label-width="120px">
        <el-form-item class="item" label="标题:" prop="Password">
          <el-input
              type="password"
              placeholder="标题"
          />
        </el-form-item>
        <el-form-item class="item" label="出现问题:" prop="address">
          <el-input
              type="address"
              placeholder="描述"
          />
        </el-form-item>
        <el-form-item class="item" label="图片:" prop="tel">
          <el-input
              type="tel"
              placeholder="图片"
          />
        </el-form-item>
        <el-form-item class="submit">
          <el-button type="primary" @click="change">确认</el-button>
        </el-form-item>
      </el-form>
    </el-dialog>
  </div>
</template>

<script>
import request from "@/utils/request";
import { method } from "lodash";


export default {
  name: "OrderHistory",
  data(){
  return{
   changeInfo: false,
   AfterSale:[
    ]
  }
},
  methods:{
    publish(){
      request.get("http://localhost:8082/AfterSale/viewAfterSaleService").then(res => {
        if (res.flag)                    {
          this.AfterSale = res.data
          this.$message({
            type: 'success',
            message: res.msg
          });
        } else {
          this.$message.error(res.msg);
        }
      })
    },
  open() {
      this.changeInfo = true;
    },
  change(){
      this.changeInfo = false;
  },
 },
 created() {
    this.publish()
  }
}
</script>

<style scoped>
.div2{
  background-size: 100% ;
  float: left;
  margin-top: -200px;
}
.b3{
  margin-bottom: 20px;
}
.dialog1{
  z-index: 2;
}
</style>